<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

  </head>
  
  
<style type="text/css">
*{margin:0px; padding: 0px;}
.sub_menue
{
display:none;              /*先将子菜单设置为隐藏*/
}
li:hover .sub_menue
{
display:block;             /*设置鼠标滑过动作，以块级元素的形式显示出子菜单*/
}
#met{background-color: #666; width: 175px;height: 505px; float: left;}
#met li{width: 100px;line-height: 30px; margin-left: 10px;}
#met a{color: #fff;}
#hea{ height: 80px;width: 1350px;clear: both; background-color: #A6FFFF}
#fot{height: 80px;width: 1350px;clear: both;background-color: #A6FFFF}

</style>
</head>
 
<body>
<div id="hea">
<h1 align="center">人力资源管理</h1>
</div>
<tbody>
<div id="met">
<ul class="menue">
<li>人事信息
    <ul class="sub_menue">
      <li><a href="man"target="show">人员基本信息</a></li>
      <li><a href="#"target="show">菜单1</a></li>
    </ul>
</li>
  <li>菜单1
     <ul class="sub_menue">
       <li><a href="#" target="show">菜单1</a></li>
	   <li><a href="#" target="show">菜单1</a></li>
     </ul>
  </li>
</ul>
</div>
<iframe name="show" src="man" width="1170" height="501" align="right">
    </iframe>
</tbody>
<div id="fot"></div>
</body>
</html>














